<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

global $post;
get_header(); ?>
    <div class="row-fluid">
        <div id="primary" class="site-content span12">   
            <?php woo_main_before();?>
    		<div id="content" role="main">
                
	
	
	
	
	
	<!-- Button trigger modal -->
<button class="btn dropdown-toggle btn-lg "  data-target="#dropdownAAA" id="dropdownMenu1" data-toggle="dropdown">
	Dropdown???
    <span class="caret"></span>
</button>

<div class="dropdown" id="dropdownAAA">
  <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown nonono ???
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">1Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">2Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">3Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">4Separated link</a></li>
  </ul>
</div>
    		
    		</div><!-- #content -->            
            <?php woo_main_after();?>
    	</div><!-- #primary -->
        
    </div>
	


	
	
	<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModalAAA">
  Launch demo modal call #myModal
</button>

<div class="modal fade" id="myModalAAA">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal 

-->
	
	
	<div class="row">

		<div class="col-md-4 col1">
		
			<div class="btn-group">
			<button type="button" class="btn btn-default">Left</button>
			<button type="button" class="btn btn-default">Middle</button>
			<button type="button" class="btn btn-default">Right</button>
			</div>
		</div>
		<div class="col-md-4 col2">
			<div class="btn-toolbar" role="toolbar">
			  <div class="btn-group">  <button type="button" class="btn btn-default">1</button></div>
			  <div class="btn-group">   <button type="button" class="btn btn-default">2</button> </div>
			  <div class="btn-group">   <button type="button" class="btn btn-default">3</button> </div>
			</div>
		</div>
		<div class="col-md-4 col3">
			<div class="btn-group">
			  <button type="button" class="btn btn-default">1</button>
			  <button type="button" class="btn btn-default">2</button>

			  <div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
				  Dropdown
				  <span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
				  <li><a href="#">Dropdown link</a></li>
				  <li><a href="#">Dropdown link</a></li>
				</ul>
			  </div>
			</div>
		</div>
	</div>
    <h3/>
	
	<div class="btn-group btn-group-justified">
  <div class="btn-group">
    <button type="button" class="btn btn-default">Left</button>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-default">Middle</button>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-default">Right</button>
  </div>
</div>


<!-- Split button -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

<?php get_footer(); ?>

